<template>
  <div class="app-container">
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          :loading="exportLoading"
          @click="handleExport"
          v-hasPermi="['biz:xiaofang:export']"
        >导出</el-button
        >
      </el-col>
    </el-row>
    <el-table
      v-loading="loading"
      :data="xiaofangList"
      row-key="id"
      stripe
      :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
    >
      <el-table-column label="设施编码" align="center" prop="field1" />
      <el-table-column label="设施名称" align="center" prop="field2" />
      <el-table-column label="检查项目" align="center" prop="field3" />
      <el-table-column label="检查内容" align="center" prop="field4" />
<!--      <el-table-column label="设备状态" align="center" prop="field5">-->
<!--        <template slot-scope="scope">-->
<!--          <el-tag-->
<!--            :type=tagjudge(scope.row.field5)-->
<!--            @click=tagclick(scope.row)-->
<!--            disable-transitions>-->
<!--            {{scope.row.field5}}-->
<!--          </el-tag>-->
<!--        </template>-->
<!--      </el-table-column>-->
    </el-table>
  </div>
</template>

<script>
import { listXiaofang, getXiaofang, delXiaofang, addXiaofang, updateXiaofang, exportXiaofang } from "@/api/biz/xiaofang";

export default {
  name: "Xiaofang",
  data() {
    return {
      // 遮罩层
      loading: true,
      // 导出遮罩层
      exportLoading: false,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 消防设施表格数据
      xiaofangList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        field1: null,
        field2: null,
        field3: null,
        field4: null,
        field5: null,
        field6: null
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    // tagjudge(x){
    //   if(x === "异常"){
    //     return "danger"
    //   }
    //   else if(x === "正常"){
    //     return "success"
    //   }
    //   else {
    //     return ""
    //   }
    // },
    // tagclick(x) {
    //   if(x.field5 === "异常"){
    //     x.field5 = "正常"
    //   }
    //   else if(x.field5 === "正常"){
    //     x.field5 = "异常"
    //   }
    //   else{
    //     return " "
    //   }
    // },
    /** 查询消防设施列表 */
    getList() {
      this.loading = true;
      listXiaofang(this.queryParams).then((response) => {
        this.xiaofangList = [
          {
            id: 40101,
            field1: "40101",
            field2: "火灾报警设施",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 401011,
              field1: "40101",
              field2: "火灾报警设施",
              field3: "点型感烟感温探测器",
              children: [{
                id: 4010111,
                field1: "40101",
                field2: "火灾报警设施",
                field3: "点型感烟感温探测器",
                field4: "清洁表面",
                field5: "正常",
              }, {
                id: 4010112,
                field1: "40101",
                field2: "火灾报警设施",
                field3: "点型感烟感温探测器",
                field4: "各回路的报警随机抽检试验",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40102,
            field1: "40102",
            field2: "火灾报警设施",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 401021,
              field1: "40102",
              field2: "火灾报警设施",
              field3: "双/三波长火焰探测器",
              children: [{
                id: 4010211,
                field1: "40102",
                field2: "火灾报警设施",
                field3: "双/三波长火焰探测器",
                field4: "清洁表面",
                field5: "正常",
              }, {
                id: 4010212,
                field1: "40102",
                field2: "火灾报警设施",
                field3: "双/三波长火焰探测器",
                field4: "各回路的报警随机抽检试验",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40103,
            field1: "40103",
            field2: "火灾报警设施",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 401031,
              field1: "40103",
              field2: "火灾报警设施",
              field3: "线型感温光纤火灾探测系统",
              children: [{
                id: 4010311,
                field1: "40103",
                field2: "火灾报警设施",
                field3: "线型感温光纤火灾探测系统",
                field4: "清洁表面",
                field5: "正常",
              }, {
                id: 4010312,
                field1: "40103",
                field2: "火灾报警设施",
                field3: "线型感温光纤火灾探测系统",
                field4: "各回路的报警随机抽检试验",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40104,
            field1: "40104",
            field2: "火灾报警设施",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 401041,
              field1: "40104",
              field2: "火灾报警设施",
              field3: "光纤光楯感温火灾探测系统",
              children: [{
                id: 4010411,
                field1: "40104",
                field2: "火灾报警设施",
                field3: "光纤光楯感温火灾探测系统",
                field4: "清洁表面",
                field5: "正常",
              }, {
                id: 4010412,
                field1: "40104",
                field2: "火灾报警设施",
                field3: "光纤光楯感温火灾探测系统",
                field4: "各回路的报警随机抽检试验",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40105,
            field1: "40105",
            field2: "火灾报警设施",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 401051,
              field1: "40105",
              field2: "火灾报警设施",
              field3: "视频型火灾报警装置",
              children: [{
                id: 4010511,
                field1: "40105",
                field2: "火灾报警设施",
                field3: "视频型火灾报警装置",
                field4: "清洁表面",
                field5: "正常",
              }, {
                id: 4010512,
                field1: "40105",
                field2: "火灾报警设施",
                field3: "视频型火灾报警装置",
                field4: "各回路的报警随机抽检试验",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40106,
            field1: "40106",
            field2: "火灾报警设施",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 401061,
              field1: "40106",
              field2: "火灾报警设施",
              field3: "手动报警按钮",
              children: [{
                id: 4010611,
                field1: "40106",
                field2: "火灾报警设施",
                field3: "手动报警按钮",
                field4: "清洁表面",
                field5: "正常",
              }, {
                id: 4010612,
                field1: "40106",
                field2: "火灾报警设施",
                field3: "手动报警按钮",
                field4: "检查防水性能",
                field5: "正常",
              }, {
                id: 4010613,
                field1: "40106",
                field2: "火灾报警设施",
                field3: "手动报警按钮",
                field4: "报警信号及传输测试",
                field5: "正常",
              }, {
                id: 4010614,
                field1: "40106",
                field2: "火灾报警设施",
                field3: "手动报警按钮",
                field4: "各回路的报警随机抽检试验",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40107,
            field1: "40107",
            field2: "火灾报警设施",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 401071,
              field1: "40107",
              field2: "火灾报警设施",
              field3: "火灾报警控制器",
              children: [{
                id: 4010711,
                field1: "40107",
                field2: "火灾报警设施",
                field3: "火灾报警控制器",
                field4: "清洁表面",
                field5: "正常",
              }, {
                id: 4010712,
                field1: "40107",
                field2: "火灾报警设施",
                field3: "火灾报警控制器",
                field4: "检查防水性能",
                field5: "正常",
              }, {
                id: 4010713,
                field1: "40107",
                field2: "火灾报警设施",
                field3: "火灾报警控制器",
                field4: "线缆连接是否正常",
                field5: "正常",
              }, {
                id: 4010714,
                field1: "40107",
                field2: "火灾报警设施",
                field3: "火灾报警控制器",
                field4: "报警试验",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40200,
            field1: "40200",
            field2: "液位检测器",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 402001,
              field1: "40200",
              field2: "液位检测器",
              field3: "总体",
              children: [{
                id: 4020011,
                field1: "40200",
                field2: "液位检测器",
                field3: "总体",
                field4: "电极棒液位控制装置检查",
                field5: "正常",
              }, {
                id: 4020012,
                field1: "40200",
                field2: "液位检测器",
                field3: "总体",
                field4: "浮球磁性液位控制器检查",
                field5: "正常",
              }, {
                id: 4020013,
                field1: "40200",
                field2: "液位检测器",
                field3: "总体",
                field4: "超声波液位计检查",
                field5: "正常",
              }, {
                id: 4020014,
                field1: "40200",
                field2: "液位检测器",
                field3: "总体",
                field4: "仪器检测精度标定",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40300,
            field1: "40300",
            field2: "消火栓及灭火器",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 403001,
              field1: "40300",
              field2: "消火栓及灭火器",
              field3: "总体",
              children: [{
                id: 4030011,
                field1: "40300",
                field2: "消火栓及灭火器",
                field3: "总体",
                field4: "有无漏水、腐蚀，软管、水带有无损伤",
                field5: "正常",
              }, {
                id: 4030012,
                field1: "40300",
                field2: "消火栓及灭火器",
                field3: "总体",
                field4: "室外消火栓的放水试验及水压试验",
                field5: "正常",
              }, {
                id: 4030013,
                field1: "40300",
                field2: "消火栓及灭火器",
                field3: "总体",
                field4: "泡沫消火栓的使用与防渣检查",
                field5: "正常",
              }, {
                id: 4030014,
                field1: "40300",
                field2: "消火栓及灭火器",
                field3: "总体",
                field4: "消水栓的放水试验及水压试验",
                field5: "正常",
              }, {
                id: 4030015,
                field1: "40300",
                field2: "消火栓及灭火器",
                field3: "总体",
                field4: "寒冷地区消防管道的防冻检修",
                field5: "正常",
              }, {
                id: 4030016,
                field1: "40300",
                field2: "消火栓及灭火器",
                field3: "总体",
                field4: "确认灭火器的数量及其有效期",
                field5: "正常",
              }, {
                id: 4030017,
                field1: "40300",
                field2: "消火栓及灭火器",
                field3: "总体",
                field4: "灭火器腐蚀情况",
                field5: "正常",
              }, {
                id: 4030018,
                field1: "40300",
                field2: "消火栓及灭火器",
                field3: "总体",
                field4: "设备箱体及标识检查",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40400,
            field1: "40400",
            field2: "阀门",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 404001,
              field1: "40400",
              field2: "阀门",
              field3: "总体",
              children: [{
                id: 4040011,
                field1: "40400",
                field2: "阀门",
                field3: "总体",
                field4: "外观检查，有无漏水、腐蚀",
                field5: "正常",
              }, {
                id: 4040012,
                field1: "40400",
                field2: "阀门",
                field3: "总体",
                field4: "操作试验是否正常",
                field5: "正常",
              }, {
                id: 4040013,
                field1: "40400",
                field2: "阀门",
                field3: "总体",
                field4: "导通试验",
                field5: "正常",
              }, {
                id: 4040014,
                field1: "40400",
                field2: "阀门",
                field3: "总体",
                field4: "保温装置的状况",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40500,
            field1: "40500",
            field2: "水喷雾灭火设施",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 405001,
              field1: "40500",
              field2: "水喷雾灭火设施",
              field3: "总体",
              children: [{
                id: 4050011,
                field1: "40500",
                field2: "水喷雾灭火设施",
                field3: "总体",
                field4: "检查系统组件工作状态",
                field5: "正常",
              }, {
                id: 4050012,
                field1: "40500",
                field2: "水喷雾灭火设施",
                field3: "总体",
                field4: "检查设备外表",
                field5: "正常",
              }, {
                id: 4050013,
                field1: "40500",
                field2: "水喷雾灭火设施",
                field3: "总体",
                field4: "检查管路压力",
                field5: "正常",
              }, {
                id: 4050014,
                field1: "40500",
                field2: "水喷雾灭火设施",
                field3: "总体",
                field4: "检查报警装置",
                field5: "正常",
              }, {
                id: 4050015,
                field1: "40500",
                field2: "水喷雾灭火设施",
                field3: "总体",
                field4: "检查系统功能",
                field5: "正常",
              }, {
                id: 4050016,
                field1: "40500",
                field2: "水喷雾灭火设施",
                field3: "总体",
                field4: "清洗雨淋阀本体的密封圈",
                field5: "正常",
              }, {
                id: 4050017,
                field1: "40500",
                field2: "水喷雾灭火设施",
                field3: "总体",
                field4: "检查阀瓣断头和锁紧销",
                field5: "正常",
              }, {
                id: 4050018,
                field1: "40500",
                field2: "水喷雾灭火设施",
                field3: "总体",
                field4: "清洗控制阀和密封膜",
                field5: "正常",
              }, {
                id: 4050019,
                field1: "40500",
                field2: "水喷雾灭火设施",
                field3: "总体",
                field4: "管网耐压试验",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40600,
            field1: "40600",
            field2: "水泵接合器",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 406001,
              field1: "40600",
              field2: "水泵接合器",
              field3: "总体",
              children: [{
                id: 4060011,
                field1: "40600",
                field2: "水泵接合器",
                field3: "总体",
                field4: "清沽表面、内部",
                field5: "正常",
              }, {
                id: 4060012,
                field1: "40600",
                field2: "水泵接合器",
                field3: "总体",
                field4: "检查密封性",
                field5: "正常",
              }, {
                id: 4060013,
                field1: "40600",
                field2: "水泵接合器",
                field3: "总体",
                field4: "送水加压功能是否正常",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40700,
            field1: "40700",
            field2: "水泵",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 407001,
              field1: "40700",
              field2: "水泵",
              field3: "总体",
              children: [{
                id: 4070011,
                field1: "40700",
                field2: "水泵",
                field3: "总体",
                field4: "运转时有无异响、振动、过热，压力上升时",
                field5: "正常",
              }, {
                id: 4070012,
                field1: "40700",
                field2: "水泵器",
                field3: "总体",
                field4: "外观有无污染与损伤",
                field5: "正常",
              }, {
                id: 4070013,
                field1: "40700",
                field2: "水泵",
                field3: "总体",
                field4: "轴承部位加油与排气检查",
                field5: "正常",
              }, {
                id: 4070014,
                field1: "40700",
                field2: "水泵",
                field3: "总体",
                field4: "启动试验与自动阀同时进行",
                field5: "正常",
              }, {
                id: 4070015,
                field1: "40700",
                field2: "水泵",
                field3: "总体",
                field4: "紧固泵体各部连接螺栓",
                field5: "正常",
              }, {
                id: 4070016,
                field1: "40700",
                field2: "水泵",
                field3: "总体",
                field4: "清除离心泵泵内垃圾",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40800,
            field1: "40800",
            field2: "电动机",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 408001,
              field1: "40800",
              field2: "电动机",
              field3: "总体",
              children: [{
                id: 4080011,
                field1: "40800",
                field2: "电动机",
                field3: "总体",
                field4: "运转时有无异响、振动、过热",
                field5: "正常",
              }, {
                id: 4080012,
                field1: "40800",
                field2: "电动机",
                field3: "总体",
                field4: "外观有无污染、损伤",
                field5: "正常",
              }, {
                id: 4080013,
                field1: "40800",
                field2: "电动机",
                field3: "总体",
                field4: "电压、电流检测",
                field5: "正常",
              }, {
                id: 4080014,
                field1: "40800",
                field2: "电动机",
                field3: "总体",
                field4: "启动试验",
                field5: "正常",
              }, {
                id: 4080015,
                field1: "40800",
                field2: "电动机",
                field3: "总体",
                field4: "各连接部情况",
                field5: "正常",
              }, {
                id: 4080016,
                field1: "40800",
                field2: "电动机",
                field3: "总体",
                field4: "绝缘试验",
                field5: "正常",
              }],
            }]
          },
          {
            id: 40900,
            field1: "40900",
            field2: "给水管",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 409001,
              field1: "40900",
              field2: "给水管",
              field3: "总体",
              children: [{
                id: 4090011,
                field1: "40900",
                field2: "给水管",
                field3: "总体",
                field4: "有无漏水，闸阀操作是否灵活",
                field5: "正常",
              }, {
                id: 4090012,
                field1: "40900",
                field2: "给水管",
                field3: "总体",
                field4: "管支架是否腐蚀、松动",
                field5: "正常",
              }, {
                id: 4090013,
                field1: "40900",
                field2: "给水管",
                field3: "总体",
                field4: "洞外及隧道内水管的防冻、防盐雾腐蚀",
                field5: "正常",
              }, {
                id: 4090014,
                field1: "40900",
                field2: "给水管",
                field3: "总体",
                field4: "管过滤器清洗",
                field5: "正常",
              }],
            }]
          },
          {
            id: 41000,
            field1: "41000",
            field2: "气体灭火设施",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 410001,
              field1: "41000",
              field2: "气体灭火设施",
              field3: "总体",
              children: [{
                id: 4100011,
                field1: "41000",
                field2: "气体灭火设施",
                field3: "总体",
                field4: "与火灾报警控制器联动试验",
                field5: "正常",
              }, {
                id: 4100012,
                field1: "41000",
                field2: "气体灭火设施",
                field3: "总体",
                field4: "检查气溶胶",
                field5: "正常",
              }],
            }]
          },
          {
            id: 41100,
            field1: "41100",
            field2: "消防车、消防摩托车",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 411001,
              field1: "41100",
              field2: "消防车、消防摩托车",
              field3: "总体",
              children: [{
                id: 4110011,
                field1: "41100",
                field2: "消防车、消防摩托车",
                field3: "总体",
                field4: "车辆保养",
                field5: "正常",
              }, {
                id: 4110012,
                field1: "41100",
                field2: "消防车、消防摩托车",
                field3: "总体",
                field4: "检查灭火装备",
                field5: "正常",
              }],
            }]
          },
          {
            id: 41200,
            field1: "41200",
            field2: "消防水池",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 412001,
              field1: "41200",
              field2: "消防水池",
              field3: "总体",
              children: [{
                id: 4120011,
                field1: "41200",
                field2: "消防水池",
                field3: "总体",
                field4: "有无渗漏水",
                field5: "正常",
              }, {
                id: 4120012,
                field1: "41200",
                field2: "消防水池",
                field3: "总体",
                field4: "水位是否正常及液位检测器是否完好",
                field5: "正常",
              }, {
                id: 4120013,
                field1: "41200",
                field2: "消防水池",
                field3: "总体",
                field4: "泄水孔是否通畅",
                field5: "正常",
              }, {
                id: 4120014,
                field1: "41200",
                field2: "消防水池",
                field3: "总体",
                field4: "水池的清洁",
                field5: "正常",
              }, {
                id: 4120015,
                field1: "41200",
                field2: "消防水池",
                field3: "总体",
                field4: "寒冷地区保温防冻检查",
                field5: "正常",
              }],
            }]
          },
          {
            id: 41300,
            field1: "41300",
            field2: "电光标志",
            // field3: " ",
            // field4: " ",
            // field5: " ",
            children: [{
              id: 413001,
              field1: "41300",
              field2: "电光标志",
              field3: "总体",
              children: [{
                id: 4130011,
                field1: "41300",
                field2: "电光标志",
                field3: "总体",
                field4: "检查、调节LED集束像索管的发光亮度",
                field5: "正常",
              }, {
                id: 4130012,
                field1: "41300",
                field2: "电光标志",
                field3: "总体",
                field4: "检查显示功能是否正常",
                field5: "正常",
              }, {
                id: 4130013,
                field1: "41300",
                field2: "电光标志",
                field3: "总体",
                field4: "外观有无污染、破损、锈蚀，字迹是否清晰",
                field5: "正常",
              }],
            }]
          },
        ]
        this.total = response.total;
        this.loading = false;
      });
    },
    /** 导出按钮操作 */
    handleExport() {
      const queryParams = this.queryParams;
      this.$modal
        .confirm("是否确认导出所有消防设施数据项？")
        .then(() => {
          this.exportLoading = true;
          return exportXiaofang(queryParams);
        })
        .then((response) => {
          this.download(response.msg);
          this.exportLoading = false;
        })
        .catch(() => {});
    },
  }
};
</script>
